<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<!DOCTYPE html>
<html>
    <head>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>Hi Buy Bye</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link rel="stylesheet" href="css/mestre.css" type="text/css" />
    </head>
    <body>
        <c:import url="menu.jsp" />
        
        <div class="container">
            <div id="myCarousel" class="carousel slide">
                <div id="myCarousel" class="carousel slide">
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <!-- Carousel items -->
                    <div class="carousel-inner">
                        <div class="active item">
                            <img src="img/slide1.png" alt="" title="" />

                            <div class="carousel-caption">
                                <h4>Lorem Ipsum 01</h4>
                                <p>
                                    Nulla sollicitudin libero at facilisis convallis. Integer placerat commodo turpis. Praesent placerat sodales tortor, at faucibus nulla pharetra eu. Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate. Sed vestibulum leo at dolor commodo, ac suscipit magna sodales. Donec rutrum diam est, et egestas erat consectetur nec. Morbi non viverra urna, sed sodales leo.
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="img/slide2.png" alt="" title="" />

                            <div class="carousel-caption">
                                <h4>Lorem Ipsum 02</h4>
                                <p>
                                    Nulla sollicitudin libero at facilisis convallis. Integer placerat commodo turpis. Praesent placerat sodales tortor, at faucibus nulla pharetra eu. Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate. Sed vestibulum leo at dolor commodo, ac suscipit magna sodales. Donec rutrum diam est, et egestas erat consectetur nec. Morbi non viverra urna, sed sodales leo.
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="img/slide3.png" alt="" title="" />

                            <div class="carousel-caption">
                                <h4>Lorem Ipsum 03</h4>
                                <p>
                                    Nulla sollicitudin libero at facilisis convallis. Integer placerat commodo turpis. Praesent placerat sodales tortor, at faucibus nulla pharetra eu. Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate. Sed vestibulum leo at dolor commodo, ac suscipit magna sodales. Donec rutrum diam est, et egestas erat consectetur nec. Morbi non viverra urna, sed sodales leo.
                                </p>
                            </div>
                        </div>
                    </div>
                    <!-- Carousel nav -->
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                </div>
                <!-- Fim Slide -->

                <div id="home">
                    <!-- Divisor -->
                    <div class="divisor"></div>	

                    <h3>Últimos itens</h3>

                    <div class="row">

                        <div class="itens">
                            <!-- Item 01 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 02 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220_2.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 03 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 04 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220_2.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 05 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 06 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220_2.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div><!-- Fim ITENS -->

                    </div><!-- Fim ROW -->

                    <!-- Divisor -->
                    <div class="divisor2"></div>

                    <div id="home-shop">
                        <ul>
                            <li>
                                <h2>Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.</h2>
                            </li>
                            <li>
                                <a href="#" class="btn btn-large  btn-danger">SHOP</a>
                            </li>
                        </ul>
                    </div>
                </div><!-- Fim HOME -->

            </div> <!-- Fecha Div Container -->
            <script src="http://code.jquery.com/jquery.js"></script>
            <script src="js/bootstrap.min.js"></script>
            
            <c:import url="rodape.jsp" />
    </body>
</html>
